<template>
	<view>
		<view>swiper滑动视图</view>
		<swiper :indicator-dots="showdots" :autoplay="auto" :interval="interval" duration="duration">
		<swiper-item>
		<view class="bg-blue item">A</view>
		</swiper-item>
		<swiper-item>
		<view class="bg-green item">B</view>
		</swiper-item>
		<swiper-item>
		<view class="bg-red item">C</view>
		</swiper-item>
		</swiper>
		</view>
</template>

<script>
	export default {
		data() {
			return{
				showdots:true,
				auto:true,
				interval: 5000,
				duration:500
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.item {
			height:800upx;		
		}
		.bg-blue {
			background-image: url(../../../../static/api.png);
		}
		.bg-green {
			background-image: url(../../../../static/component.png);
		}
		.bg-red {
			background-image: url(../../../../static/logo.png);
		}

</style>